<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta content='IE=edge' http-equiv='X-UA-Compatible'>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
    <link rel="stylesheet" href="statics/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="statics/css/main.css"/>
    <title>问卷调查</title>
    <!--<script>-->
        <!--(function (i, s, o, g, r, a, m) {-->
            <!--i['GoogleAnalyticsObject'] = r;-->
            <!--i[r] = i[r] || function () {-->
                        <!--(i[r].q = i[r].q || []).push(arguments)-->
                    <!--}, i[r].l = 1 * new Date();-->
            <!--a = s.createElement(o),-->
                    <!--m = s.getElementsByTagName(o)[0];-->
            <!--a.async = 1;-->
            <!--a.src = g;-->
            <!--m.parentNode.insertBefore(a, m)-->
        <!--})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');-->

        <!--ga('create', 'UA-67467266-5', 'auto');-->
        <!--ga('send', 'pageview');-->

        <!--function ClickEvent(Category, Action, Label) {-->
            <!--ga('send', 'event', Category, Action, Label);-->
        <!--}-->
    <!--</script>-->
</head>
<body id="app" v-bind:class="'theme-' + themeData">
<div class="top-bar">
    <img src="statics/img/topbar.jpg" class="full"/>
</div>
<div class="login">
    <div class="login-inner">
        <input type="tel" class="login-input" id="login-mobile" maxlength="11"/>

        <div class="error-tip">
            手机号有误，请再试一次
        </div>
        <a class="login-btn" href="javascript:void(0)">
            <img src="statics/img/login-btn.png" class="full"/>
        </a>
    </div>
</div>
<div class="start">
    <a class="start-btn" href="javascript:void(0)">
        <img src="statics/img/start-btn.png" class="full"/>
    </a>

    <div class="start-headline"><img src="statics/img/headline_0307.png" class="full"/></div>
    <div class="start-logo"><img src="statics/img/home_logo.png" class="full" alt=""></div>
</div>

<div class="quiz">
    <div class="quiz-question">
        <div class="time">剩余时间：<span id="countDown-time">180</span>〃</div>
        <div class="style1">
            <div id="quiz-question">
                <div class="clearfix" v-for="item in quziData.questions">
                    <img class="quiz-question-profile" src="statics/img/profile1.png" alt=""/>

                    <div class="quiz-question-content">
                        <div class="arrow"><img src="statics/img/arrow-left.png" class="full"/></div>
                        <div class="quiz-question-text">{{item.number}} {{item.question}}</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="style2">
            <img class="quiz-question-profile" src="statics/img/profile2.png" alt=""/>

            <div class="quiz-question-content">
                <div class="arrow"><img src="statics/img/arrow-right.png" class="full"/></div>
                <div class="quiz-question-text" id="answer"></div>
            </div>
        </div>
    </div>
    <div class="quiz-answer" id="quiz-answer">
        <div class="quiz-answer-list" v-for="item in quziData.answers">
            <div class="quiz-answer-item" v-bind:class="'item-' + $index" data-check="{{option.isright}}"
                 v-for="option in item.option">
                <span class="num">{{option.order}}</span><span class="answers">{{option.answer}}</span>
            </div>
        </div>

        <div class="quiz-order"><span id="order-number">1</span> / {{quziData.questions.length}}</div>
    </div>
    <div class="quiz-btn">
        <a href="javascript:void(0)" class="submit-btn-disabled" id="submit-btn"><img src="statics/img/quiz-btn.png" class="full"/></a>
    </div>
    <input type="hidden" id="currentNumber"/>
</div>

<div class="result">
    <div class="result-tip">您已成功提交问卷，答对 <span id="result-number"></span> 题</div>
    <div class="result-img">
        <img src="statics/img/result-img1.png" class="full"/>
    </div>
</div>

<div class="game-over">
    <div class="game-over-inner">
        <div class="game-over-text" id="already">您已参与答题!</div>
        <div class="game-over-text" id="timeover">您的答题时间已到!</div>
        <div class="game-over-text" id="errorid">错误的sessionid!</div>
    </div>
</div>

<script src="statics/js/jquery.min.js"></script>
<script src="statics/js/vue.min.js"></script>
<script src="statics/js/app.js?a=1"></script>
</body>
</html>